{extend name="common/main"}

{block name="css"}
<style>
    .theme-white .tpl-login-content {
        width: 300px;
        padding:0;
        background-color: transparent;
        border-radius:0;
        margin: 12% auto 0;
    }
    .theme-white .tpl-login-btn {
        outline: none;
        border: 1px solid #b5b5b5;
        background-color: rgba(0, 0, 0, 0);
        color: #b5b5b5;
    }
    .theme-white .tpl-login-btn:hover, .theme-white .tpl-login-btn:active {
        background: #b5b5b5;
        color: #fff;
    }
    .code{
        position:relative;
    }
    .code button{
        position:absolute;
        left: 61%;
        top: -20%;
    }

</style>
{/block}
{block name="body"}
<body data-type="login">
<div style="position:absolute; width:100%; z-index:-1; left:0; top:0;">
    <img src="/static/assets/img/beijing.jpg"  width="100%" style="left:0; top:0;">
</div>
<div class="am-g tpl-g">
         <!--风格切换-->
        <!--<div class="tpl-skiner">-->
            <!--<div class="tpl-skiner-toggle am-icon-cog">-->
            <!--</div>-->
            <!--<div class="tpl-skiner-content">-->
                <!--<div class="tpl-skiner-content-title">-->
                    <!--选择主题-->
                <!--</div>-->
                <!--<div class="tpl-skiner-content-bar">-->
                    <!--<span class="skiner-color skiner-white" data-color="theme-white"></span>-->
                    <!--<span class="skiner-color skiner-black" data-color="theme-black"></span>-->
                <!--</div>-->
            <!--</div>-->
        <!--</div>-->
        <div class="tpl-login">
            <div class="tpl-login-content" style="margin-right: 14%">
                <div class="tpl-login-logo" style=" background: url(/static/assets/img/logo.png);background-size:284px;max-width: 308px;height: 215px;">
                </div>

                <form class="am-form tpl-form-line-form" action="{:url('Index/regData')}" method="post">
                    <div class="am-form-group">
                        <input type="text" class="tpl-form-input" id="user_name" name="user_name" placeholder="请输入手机号">
                    </div>
                    <div class="am-form-group code">
                        <input type="text" class="tpl-form-input" name="code" placeholder="验证吗">
                        <button type="button" class="am-btn am-btn-primary ">发送验证码</button>
                        <button class="am-btn am-btn-primary" style="display: none">
                            <i class="am-icon-spinner am-icon-spin"></i>
                            已发送
                        </button>
                    </div>
                    <div class="am-form-group">
                        <input type="password" class="tpl-form-input" id="user_pass" name="user_pass" placeholder="请输入密码">
                    </div>
                    <div class="am-form-group">
                        <input type="password" class="tpl-form-input" id="" name="user_pass2" placeholder="请确认密码">
                    </div>
                    <div class="am-form-group tpl-login-remember-me">
                        <!--<input id="remember-me" type="checkbox">-->
                        <!--<label for="remember-me">记住密码</label>-->
                    </div>
                    <div class="am-form-group">
                        <button type="submit" class="am-btn am-btn-primary  am-btn-block tpl-btn-bg-color-success  tpl-login-btn">注册</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</body>
{/block}
{block name="js"}
<script src="/static/assets/js/theme.js"></script>
{/block}